.clearfix::after{
	content: '';
	display: block;
	width: 0;
	height: 0;
	clear: both;
}
.index-activity-link{
	display: block;
	width: 100%;
	height: 80px;
	background: url(../images/index-activity.jpg) center center no-repeat;
}
.tools-bar{
	width: 100%;
	height: 30px;
	padding: 0 32px;
	background: #333;
	line-height: 18px;
	& ul{
		list-style: none;
		padding: 0;
	}
	&>ul>li{
		float: left;
		position: relative;
	}
	&>ul li.dropdown-hover{
		padding-right: 16px;
		.dropdown-icon{
			transition: transform 0.3s;
			transform:rotate(0deg);
		}
		.vertical-list{
			display: none;
		}
		&:hover{
			.dropdown-icon{
				transform:rotate(180deg);
			}
			.vertical-list{
				display: block;
			}
		}
	}
	&>ul>li:not(:last-child) a{
		border-right: 1px solid #5D5D5D ;
	}
	a{
		text-decoration: none;
		display: inline-block;
		padding: 0 12px;
		margin: 6px 0;
		&,&:visited,&:active{
			color: #c4c3c3;
		}
		&:hover{
			color: #fff;
		}
		&.app-link,&.app-link:link,&.app-link:visited,&.app-link:active{
			color: #08d7a2;
		}
		&.app-link:hover{
			color: #05eaaf;
		}
		&.app-link{
			background: url(../images/phone.png) 0 no-repeat;
			padding-left: 17px;
		}
		&>.dropdown-icon{
			display: inline-block;
			width: 0;
			height: 0;
			margin: 0 6px;
			position: absolute;
			top: 13px;
			border-width: 4px 4px 0;/* 上、左、右边框 */
			border-style: solid dashed;
			border-color: #fff transparent transparent;
		}
	}
	
	& ul.vertical-list{
		background: #333;
		position: absolute;
		left: 0;
		top: 30px;
		li{
			&:hover{
				background: #474747;
			}
		}
	}
	.tools-bar-left{
		float: left;
	}
	.tools-bar-right{
		float: right;
	}
}




